<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>데브스퀘어</title>
<link rel="stylesheet" type="text/css" href="http://asimg.nate.com/css/devs/devs-appstore.css" media="all" />
<script type="text/javascript" src="http://asimg.nate.com/css/apps-devs-html.js"></script>
</head>


<body>

<div id="header">
	<img src="http://asimg.nate.com/img/devs/temp/temp_header02.gif" alt="Header" />
</div>

<div id="body">
	<h2 class="hide">앱스토어</h2>
	<!-- 좌측영역 -->
	<div class="common-contents">
		<img src="http://asimg.nate.com/img/devs/temp/temp_sidemenu02.gif" alt="Side Menu" />
	</div>
	<!-- 메인영역 -->
	<div class="templete">
		<!-- location S -->
		<div class="wLocation">
			<a href="#">홈</a> &gt; <a href="#">앱스토어</a> &gt; <strong>앱스 관리</strong>
		</div>

		<!-- content S -->
		<h3>개발자 등록</h3>
		<div class="wTemplete">
			<p>
				앱스토어 어플리케이션 플랫폼은 OpenSocial의 JS API를 지원합니다. OpenSocial JS API를 이용하여<br />
				다음과 같은 기능을 구현할 수 있습니다. <br /><br />
				<strong>OpenSocial JavaScript API</strong> 에 대한 자세한 내용은 아래 링크를 참고하세요.<br />
				<a href="http://appstore.cyworld.com/Main/Canvas?apps_no=1234">http://appstore.cyworld.com/Main/Canvas?apps_no=1234</a>
			</p>

			<h4>OpenSocial 컨테이너</h4>
			<p>
				OpenSocial JS API 기반으로 개발한 앱스가 실행되는 컨테이너는 활용할 수 있는 Social Graph별로 각각 제공됩니다
			</p>

			<table>
			<caption>OpenSocial 컨테이너</caption>
			<thead>
				<tr>
					<th>컨테이너</th>
					<th>URL</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>싸이월드 일촌</td>
					<td><a href="#">http://cyworld.natecontainer.com</a></td>
				</tr>
				<tr>
					<td>네이트온 친구</td>
					<td><a href="#">http://nateon.natecontainer.com</a></td>
				</tr>
			</tbody>
			</table>

			<ul>
				<li>앱스 개발 시 활용할 Social Graph를 먼저 결정하신 다음 해당 컨테이너에서 각각 개발과 테스트를 진행해주세요. 앱스가 반드시 모든 Social Graph를 지원할 필요는 없습니다.</li>
				<li>앱스가 어떤 컨테이너에서 실행되는 사용자가 앱스를 PLAY 결정됩니다.</li>
				<li>앱스 등록 단계에서 지원할 Social Graph를 지정하시면 사용자는 개발하신 앱스를 지정한 컨테이너에서만 앱스가 실행할 수 있습니다.</li>
			</ul>
			
			<h4>Social Data</h4>
			<p>앱스는 OpenSocial API를 이용해서 사용자 프로필 정보, 친구 목록 등에 액세스할 수 있습니다. </p>

			<h5>Social Data 요청 기본</h5>
			<p>Social Data 요청에 사용되는 주요 객체들은 다음과 같습니다. </p>

			<table>
			<caption>Social Data 요청에 사용되는 주요 객체</caption>
			<thead>
				<tr>
					<th>객체</th>
					<th>설명</th>
					<th>생성방법</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>opensocial.DataRequest</td>
					<td>Social Data에 액세스하기 위한 <br />데이터 요청을 생성하는 객체</td>
					<td>opensocial.newDataRequest() <br />함수를 호출 </td>
				</tr>
				<tr>
					<td>opensocial.IdSpec</td>
					<td>Social Data에 엑세스할 때 <br />요청대상이 되는 사용자 정보를 <br />설정하는 객체(VIEWER/OWNER)</td>
					<td>opensocial.newIdSpec() <br />함수를 호출 </td>
				</tr>
			</tbody>
			</table>
			<p>Social Data 요청에 사용되는 주요 객체들은 다음과 같습니다. </p>

			<ol>
				<li>opensocial.newIdSpec()을 호출하여 IdSpec 객체를 생성</li>
				<li>opensocial.newDataRequest()를 호출하여 요청(DataRequest 객체)을 생성하여 변수(req)에 저장</li>
				<li>req.add() 를 호출하여 newFetchPersonRequest() (VIEWER에 대한 프로필 정보) 함수 또는 newFetchPeopleRequest() (친구들에 대한 프로필 목록) 함수를 요청에 추가</li>
				<li>req.send()를 호출하여 요청 실행. 이 때 argument로 응답 객체(DateReqsponse)를 전달받을 Callback함수 지정</li>
			</ol>

			<p>DataRequest 객체를 이용하여 Social Data를 요청하면 서버는 지정한 Callback 함수의 argument로 요청한 정보를 담은 DataResponse 객체를 반환합니다.</p>

			<h6>예제 : 사용자 설정 정보 저장 : 최종 실행시간과 점수</h6>
			<em>사용자 설정 정보 저장은 다음의 예제와 같이 구현합니다</em>
			<code>
				<strong>parameters : </strong><br />
				http://appstore.cyworld.com/Main/Canvas?apps_no=1234http://appstore.cyworld.com/Main/Canvas?apps_no=1234http://appstore.cyworld.com/Main/Canvas?apps_no=1234http://appstore.cyworld.com/Main/Canvas?apps_no=1234http://appstore.cyworld.com/Main/Canvas?apps_no=1234http://appstore.cyworld.com/Main/Canvas?apps_no=1234http://appstore.cyworld.com/Main/Canvas?apps_no=1234<br /><br />
				<strong>http request :</strong><br />
				http://www.thirdparty.com/callback?payment_key=2059ec5f423caac343f6677de784d320/callback?payment_key=2059ec5f423caac343f6677de784d320/callback?payment_key=2059ec5f423caac343f6677de784d320/callback?payment_key=2059ec5f423caac343f6677de784d320
			</code>

			<h6>기타 확인해야 할 정책 </h6>
			<em>등록 시 다음의 내용을 반드시 확인해주세요</em>
			<div class="textBox">
				앱스별로 사용자정보 저장은 MAX 5개까지 가능합니다.<br />
				개발검수시 5개를 초과하여 저장하는 경우 반려처리될 수 있습니다.
			</div>
		</div><!-- [wTemplete]end -->

	</div><!-- [templet]end -->

</div>

<div class="clear"></div>
<div id="footer">
	<img src="http://asimg.nate.com/img/devs/temp/temp_footer.gif" alt="Footer" />
</div>


</body>
</html>